<template>
	<div>
		<button @click="onSubmit">首页</button>
    <hello-word></hello-word>
    <div class="content">
      <h1>Rsbuild with Vue</h1>
      <p>Start building amazing things with Rsbuild.</p>
    </div>
  </div>
</template>

<script setup name="login">
  const router = useRouter();
  const onSubmit = async () => {
    router.replace({ name: "Home" });
  };
</script>

<style lang="less" scoped>
.content {
  display: flex;
  min-height: 100vh;
  line-height: 1.1;
  text-align: center;
  flex-direction: column;
  justify-content: center;
}
.content h1 {
  font-size: 3.6rem;
  font-weight: 700;
}

.content p {
  font-size: 1.2rem;
  font-weight: 400;
  opacity: 0.5;
}

</style>
